/**
 * 基于 Change Newborn 设计规范
 * @author 佐伯楽
 * @date 2018-08-28
 * /

/**** Less库编写规范 ****/
/**** 快捷变量 ****/
/**** 颜色 ****/
/**** 布局 ****/
/**** 文字 ****/
/**** 样式 ****/
/**** 贝塞尔曲线 ****/
/**** 响应式 ****/
/**** 工具 ****/
.clearfloat[data-v-0f1b7f32]::after {
  content: '';
  display: block;
  clear: both;
}
.carousel-container[data-v-0f1b7f32] {
  position: relative;
  cursor: pointer;
}
.carousel-container .image-group[data-v-0f1b7f32] {
  position: relative;
  margin: 32px;
  width: 825px;
  height: 320px;
  background-size: cover;
  overflow: hidden;
}
.carousel-container .image-group .image[data-v-0f1b7f32] {
  position: absolute;
  top: 0px;
  left: 0%;
  width: 100%;
  height: 100%;
  -webkit-transition: all 800ms cubic-bezier(0.02, 0.86, 0.25, 0.97);
  -moz-transition: all 800ms cubic-bezier(0.02, 0.86, 0.25, 0.97);
  -o-transition: all 800ms cubic-bezier(0.02, 0.86, 0.25, 0.97);
  transition: all 800ms cubic-bezier(0.02, 0.86, 0.25, 0.97);
}
.carousel-container .image-group .hidden-left[data-v-0f1b7f32] {
  left: -100%;
}
.carousel-container .image-group .hidden-right[data-v-0f1b7f32] {
  left: 100%;
}
.carousel-container .image-group .controller[data-v-0f1b7f32] {
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  z-index: 100;
  position: absolute;
  right: 8px;
  bottom: 8px;
  background: rgba(68, 68, 68, 0.2);
  color: #FFFFFF;
}
.carousel-container .image-group .controller *[data-v-0f1b7f32] {
  display: inline-block;
  vertical-align: middle;
}
.carousel-container .image-group .controller .iconfont[data-v-0f1b7f32] {
  padding: 8px;
  cursor: pointer;
}
.carousel-container .image-group .controller .iconfont[data-v-0f1b7f32]:hover {
  background: rgba(68, 68, 68, 0.5);
}
.carousel-container .image-group .controller .number[data-v-0f1b7f32] {
  margin-left: 8px;
  margin-right: 8px;
}
.carousel-container .info[data-v-0f1b7f32] {
  z-index: 100;
  position: absolute;
  width: 320px;
  left: 64px;
  text-align: left;
  bottom: -48px;
  background: #FFFFFF;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 16px;
  padding-bottom: 48px;
}
.carousel-container .info .title[data-v-0f1b7f32] {
  font-size: 24px;
  line-height: 24px;
  font-weight: bolder;
  line-height: 32px;
  margin-bottom: 8px;
}
.carousel-container .info .description[data-v-0f1b7f32] {
  color: #9E9E9E;
  font-size: 12px;
  line-height: 12px;
  font-weight: normal;
  line-height: 16px;
}
.carousel-container .info .link[data-v-0f1b7f32] {
  position: absolute;
  right: 0px;
  bottom: -32px;
  height: 48px;
  padding: 16px;
}
.carousel-container .info .link .iconfont[data-v-0f1b7f32] {
  margin-left: 8px;
}
.carousel-container .decorate[data-v-0f1b7f32] {
  position: absolute;
  width: 240px;
  right: 0px;
  bottom: -32px;
}
.margin-block-1[data-v-0f1b7f32] {
  margin: 8px;
}
.margin-block-2[data-v-0f1b7f32] {
  margin: 16px;
}
.margin-block-3[data-v-0f1b7f32] {
  margin: 24px;
}
.margin-block-4[data-v-0f1b7f32] {
  margin: 32px;
}

